<template>
    <div class="box">
        <ul>
            <li v-for="(item,index) in arr"
            :key="index"
            >
                <div class="tu-box">
                    <img :src="item.poster" alt="">
                </div>
                <div class="box2">
                    <div class="ti">{{item.movieInfo.title}}</div>
                    <div>{{item.movieInfo.englishTitle}}</div>
                    <div>{{item.movieInfo.actors}}</div>
                    <div>{{item.movieInfo.showInfo}}</div>
                </div>
                <div class=fen v-if="item.score != ''"> <span>{{item.score}}</span> 分</div>
                <div class=fen v-if="item.score == ''"> 暂无评分</div>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    data(){
        return{
            arr:null
        }
    },
    methods:{
        async shuJu(){
            let re =await this.axios.get('index/moreClassicList?sortId=1&showType=3&limit=10&offset=0')
            .catch(err=>{
                console.log(err);
            })
            console.log(re.data);
            this.arr = re.data

        }
    },
    created(){
        this.shuJu()
    }
}
</script>
<style lang="less" scoped>
    .box{
        width: 100%;
        padding: 5px 10px;
        box-sizing: border-box;
        padding-bottom: 60px;
        ul{
            li{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                padding: 10px 0 ;
                .fen{
                    
                    margin-left: auto;
                    font-size: 15px;
                    span{
                        color: #FAAF00;
                    }
                }
                .tu-box{
                    width: 70px;
                    height: 100px;
                    img{
                        width: 70px;
                        height: 100px;

                    }
                }
                .box2{
                    margin-left: 10px;
                    .ti{
                        font-size: 20px;
                        font-weight: 900;
                    }
                    >div{
                        
                        font-size: 15px;
                        margin-bottom: 3px;
                    }
                }
            }
        }
    }
</style>